import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    port: 5173, // 开发服务器端口
    //在生产环境中，Nginx 已经承担了代理的工作，所以你不需要在 vite.config.ts 中配置代理了。
    //所以在开发环境中，下面的配置是必须的
    //在生产环境中，下面的配置是不需要的
    proxy: {
      '/api': {
        //target: 'http://localhost:8888', // 目标服务器地址
        target: 'http://152.136.42.110:9419', // 目标服务器地址
        changeOrigin: true, 
        secure: false, 
        rewrite: (path) => path.replace(/^\/api/, ''), // 重写路径，例如将 /api/users 转换为 /users
      },

    },
  },
  css: {
    preprocessorOptions:{
      scss:{
        api: 'modern'
      }
    }
  }
})
